<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>摄影社区</title>
<style type="text/css">
*{margin:0; padding:0;}
body{
	font-size:12px;
	line-height:20px;
}
#community{
	width:660px;
	overflow:hidden;
}
h1{
	font-size:14px;
	color:#666;
	padding-left:10px;
	line-height:25px;
	height:25px;
}
#com1{
	width:200px;
	height:80px;
	padding-top:10px;
	padding-left:10px;
	border-right:#CCC 1px dotted;
	border-bottom:#CCC 1px dotted;
	float:left;
}
/*#com2{
	width:210px;
	height:100px;
	padding-top:10px;
	padding-left:10px;
	border-bottom:#CCC 1px dotted;
	float:left;
}
*/
#com2{
	padding-left:10px;
	padding-top:10px;
	border-bottom:#ccc 1px dotted;
	float:left;
	width:200px;
	height:80px;
}
#com1 img,#com2 img{
	padding:2px;
	border:1px #CCC solid;
	float:left;
}
dl{
	float:left;
}
dt{
	font-size:14px;
	font-weight:bold;
	color:#09C;
}
dd,dt{
	padding-left:15px;
}
	
</style>
</head>

<body>
<div id="community">
<h1>摄影社区热门小镇</h1>
<div id="com1"><img src="img/pic_01.jpg" />
<dl>
<dt>风景狙击手</dt>
<dd>成员：80</dd>
<dd>作品：276</dd>
</dl>
</div>

<div id="com1"><img src="img/pic_02.jpg" />
<dl>
<dt>风景狙击手</dt>
<dd>成员：80</dd>
<dd>作品：276</dd>
</dl>
</div>

<div id="com2"><img src="img/pic_03.jpg" />
<dl>
<dt>叙事感</dt>
<dd>成员：235</dd>
<dd>作品：116</dd>
</dl>
</div>

<div id="com1"><img src="img/pic_04.jpg" />
<dl>
<dt>定焦世界</dt>
<dd>成员：56</dd>
<dd>作品：456</dd>
</dl>
</div>

<div id="com1"><img src="img/pic_05.jpg" />
<dl>
<dt>中画幅乐园</dt>
<dd>成员：80</dd>
<dd>作品：276</dd>
</dl>
</div>

<div id="com2"><img src="img/pic_06.jpg" />
<dl>
<dt>风景狙击手</dt>
<dd>成员：80</dd>
<dd>作品：276</dd>
</dl>
</div>

</div>
</body>
</html>
